<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>管理员管理界面</title>
    <th:block th:include="~{sys/common/include::head}"></th:block>
    <!--自定义格式-->
    <link rel="stylesheet" th:href="@{/assets/sys/common/list.css}">
    <style>
        .avatar{
            width: 30px;
            height: 30px;
            border-radius: 50px;
            border: 1px solid silver;
            background-repeat: no-repeat;
            background-size: cover;
            background-position: center center;
        }
    </style>
</head>
<body>
<aside th:replace="~{sys/common/include::aside}"></aside>
<main class="main-wrap">
    <header th:replace="~{sys/common/include::main-header}"></header>
    <section class="content-main">
        <div class="adm-search">
            <form id="adm-search-form" class="layui-form" lay-filter="adm-search-form">
                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">ID:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="id" autocomplete="off" class="layui-input"
                               placeholder="请输入ID">
                    </div>
                </div>

                <div class="layui-form-item layui-inline">
                    <label class="layui-form-label">管理名:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="username" autocomplete="off" class="layui-input"
                               placeholder="请输入管理名">
                    </div>
                </div>
                <div class="layui-form-item layui-inline" style="w-:190px">
                    <label class="layui-form-label w-100">锁定状态:</label>
                    <div class="layui-input-inline w-80">
                        <select name="locked">
                            <option value="">不限</option>
                            <option value="是">是</option>
                            <option value="否">否</option>
                        </select>
                    </div>
                </div>
                <div class="layui-form-item layui-inline w-280">
                    <label class="layui-form-label w-100">登录IP:</label>
                    <div class="layui-input-inline w-170">
                        <input type="text" name="loginIp" autocomplete="off" class="layui-input"
                               placeholder="请输入IP">
                    </div>
                </div>
                <div class="layui-form-item layui-inline " style="width:320px;margin-left: 30px">
                    <label class="layui-form-label" style="width:120px">权限过期时间:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="credExpireTimeRange" autocomplete="off" class="layui-input" readonly
                               placeholder="请选择时间">
                    </div>
                </div>
                <div class="layui-form-item layui-inline" style="width:320px">
                    <label class="layui-form-label" style="width:120px">上次登录时间:</label>
                    <div class="layui-input-inline">
                        <input type="text" name="lastLoginTimeRange" autocomplete="off" class="layui-input" readonly
                               placeholder="请选择时间">
                    </div>
                </div>


            </form>
        </div>
<!--        数据是在js里生成的-->
        <div class="adm-data-gird">
            <table id="adm-tbl" lay-filter="adm-tbl">
                <!--            表格工具栏-->
                <script type="text/html" id="adm-toolbar">
                    <div class="layui-btn-container">
                        <button class="layui-btn layui-btn-sm custom-green" lay-event="add">
                            <i class="layui-icon layui-icon-add-circle"></i>新增
                        </button>
                        <button class="layui-btn layui-btn-sm custom-green" lay-event="edit">
                            <i class="layui-icon layui-icon-edit"></i>修改
                        </button>
                        <button class="layui-btn layui-btn-sm custom-green" lay-event="search">
                            <i class="layui-icon layui-icon-search"></i>查询
                        </button>

                        <button class="layui-btn layui-btn-sm layui-bg-red" lay-event="del">
                            <i class="layui-icon layui-icon-delete"></i>删除
                        </button>
                        <button class="layui-btn layui-btn-sm custom-green" lay-event="reset">
                            <i class="layui-icon layui-icon-refresh"></i>重置
                        </button>
                    </div>

                </script>
                <!--            行工具栏-->
                <script type="text/html" id="rowBar">
                    <a class="layui-btn layui-btn-xs layui-btn-normal custom-green" lay-event="edit">编辑</a>
                    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">删除</a>
                </script>

            </table>
        </div>

    </section>
    <div th:include="~{sys/common/include::scripts}"></div>
    <script th:src="@{/assets/sys/admin/list.js}"></script>
</main>
</body>

</html>